<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/_linkPages/basePath.jsp" %>
<!DOCTYPE html>
<!-- saved from url=(0054)http://www.maomijiaoyi.com/index.php?/pinzhong_37.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>【布偶猫品种大全】布偶猫排名|布偶猫种类|布偶猫颜色|猫咪交易网</title>
    <meta name="keywords" content="布偶猫排名,布偶猫种类,布偶猫颜色">
    <meta name="description" content="布偶猫品种大全这里拥有所有布偶猫系列品种以及颜色包括布偶猫各类种类免费提供布偶猫让广大喜欢布偶猫和爱布偶猫的群体可以找到,布偶猫排名,布偶猫种类,布偶猫颜色">
    <link rel="stylesheet" href="${basePath}jsp/hs/css/comment.css">

    <link rel="stylesheet" href="${basePath}jsp/hs/css/petbkinfo_20181114.css">
    <script src="${basePath}jsp/hs/js/hm.js"></script><script src="${basePath}jsp/hs/js/hm.js(1)"></script><script src="${basePath}jsp/hs/_js/push.js"></script><script src="${basePath}jsp/hs/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

<!-- 引入公共头部 -->
<!-- 网页头部 -->
<%@ include file="cat/head.jsp"%>

<!-- 面包屑导航栏Crumbs_nav -->
<div class="center_1220">
    <div class="bread_crumb">

        你的位置:
        <a href="#">首页</a>
        &gt;
        <a href="#"> 猫咪品种 </a>
        &gt;
        <a href="#">${varieties.varieties}</a>

    </div>
</div>

<!-- 宠物百科基本信息 pet_baseinfo-->
<div class="baike_content">
    <div class="title">
        <!-- 轮播图 -->
        <div class="left">
            <div class="big_img">
                <img src="${basePath}varieties?method=showPic&pic=${varieties.pic1}" class="" style="display: none;">
                <img src="${basePath}varieties?method=showPic&pic=${varieties.pic2}" class="" style="display: none;">
                <img src="${basePath}varieties?method=showPic&pic=${varieties.pic3}" class="hover" style="display: inline;">
                <img src="${basePath}varieties?method=showPic&pic=${varieties.pic4}" class="">
                <div class="button">
                    <div style="background-color: white;"></div>
                    <div style="background-color: white;"></div>
                    <div style="background-color: rgb(255, 101, 66);"></div>
                    <div style="background-color: white;"></div>
                </div>
                <div class="prev">
                    <div></div>
                </div>

                <div class="next">
                    <div></div>
                </div>
            </div>

            <div class="small_img">
                <img class="" src="${basePath}varieties?method=showPic&pic=${varieties.pic1}">
                <img src="${basePath}varieties?method=showPic&pic=${varieties.pic2}" class="">
                <img src="${basePath}varieties?method=showPic&pic=${varieties.pic3}" class="hover">
                <img src="${basePath}varieties?method=showPic&pic=${varieties.pic4}" class="">
            </div>

        </div>
        <!-- 宠物信息 -->
        <div class="right">
            <div class="line1">
                <div class="name">
                    ${varieties.varieties}						<span>小 懒 猫</span>
                </div>

            </div>

            <!-- 参考价格： -->
            <div class="price">
                <div>参考价格：</div>
                <div>${varieties.price}元</div>
            </div>

            <!-- 详情 -->
            <div class="details">
                <div>
                    <div>中文学名:</div>
                    <div>${varieties.scientificName}</div>
                </div>
                <div>
                    <div>别名:</div>
                    <div>${varieties.alias}</div>
                </div>

                <div>
                    <div>原产地:</div>
                    <div>${varieties.countryOfOrigin}</div>
                </div>
                <div>
                    <div>体型:</div>
                    <div>
                        ${varieties.figure}
                    </div>
                </div>
            </div>

            <!-- 宠物属性 -->
            <div class="shuxing">
                <div>
                    <div>整体</div>
                    <!-- 页面小折角 -->
                    <div></div>
                    <div>
                        布偶猫，又称“布拉多尔（Ragdoll）”，发源于美国，是一种杂交品种宠物猫。是现存体型最大、体重最重的猫之一。头呈楔形，眼大而圆，被毛丰厚，四肢较长且富有肉感，尾长，身体柔软，毛色有重点色、手套色或双色等等。布偶猫较为温顺好静，对人友善。其美丽优雅又非常类似于狗的性格（Puppy cat）而又被称为"仙女猫"，"小狗猫"。特殊的外貌和温和的性格是 布偶猫最大的特点之一。						</div>
                </div>
                <div>
                    <div>毛发</div>
                    <div></div>
                    <div>
                    </div>
                </div>
                <div>
                    <div>颜色</div>
                    <div></div>
                    <div>
                        1、海豹色（Seal ）
                        2、蓝色（Blue）
                        3、巧克力色（Chocolate）
                        4、丁香色（Lilac
                        5、火焰色/红色（Flame / Red）
                        6、奶油色（Cream）
                        7、烟色（Smoke）						</div>
                </div>
                <div>
                    <div>头部</div>
                    <div></div>
                    <div>
                        在布偶猫还没有被广受推崇时，大家把大头圆脸作为判断猫咪是否可爱的标准，不过随着布偶猫的横空出世，这一标准随即被打破。布偶猫的头大但不呈圆形，而为楔形，两耳之间的头顶部扁平。有些人会说在照片上看布偶猫完全没觉得它们的脸是楔形的，那可能是因为布偶猫的毛发较长，再加上拍摄角度的问题所以导致视觉上的错觉。						</div>
                </div>
                <div>
                    <div>眼睛</div>
                    <div></div>
                    <div>
                        布偶猫明亮的蓝色双眼似乎能直达你的心灵，如果仔细观察，你会发现布偶猫的眼睛是微微上扬的，是猫眼中的“丹凤眼”。						</div>
                </div>

                <div>
                    <div>耳朵</div>
                    <div></div>
                    <div>
                        大小中等，基部宽，间距大，轻轻向前倾，耳间呈形。						</div>
                </div>
                <div>
                    <div>鼻子</div>
                    <div></div>
                    <div>
                        中等长度的鼻子，有些布偶猫的鼻子上略有凹陷，下巴则跟上唇和鼻子为一直线。						</div>
                </div>
                <div>
                    <div>尾巴</div>
                    <div></div>
                    <div>
                        长且拥有丰富的毛量。						</div>
                </div>
                <div>
                    <div>胸部</div>
                    <div></div>
                    <div>
                    </div>
                </div>
                <div>
                    <div>颈部</div>
                    <div></div>
                    <div>
                        粗且强壮。						</div>
                </div>
                <div>
                    <div>前驱</div>
                    <div></div>
                    <div>
                        前腿的毛较短，						</div>
                </div>
                <div>
                    <div>后驱</div>
                    <div></div>
                    <div>
                        后腿的毛较长，较大的骨量与适度地长度。						</div>
                </div>
            </div>
        </div>
    </div>

    <div>
        <!-- 生理特征 喂养方法 physiology_features-->
        <div class="content">
            <div class="property_title">
                <div>性格特点</div>
                <div>生活习性</div>
                <div>优点/缺点</div>
                <div>喂养方法</div>
                <div>鉴别挑选</div>
            </div>
            <div class="property_list">
                <div>
                    <p style="text-align:justify;">
                    <strong><span style="color:#337FE5;"><br>
</span></strong>
                </p>
                    <p style="text-align:justify;">
                        <span style="color:#337FE5;font-size:18px;"><strong>${varieties.varieties}</strong></span><strong><span style="font-size:18px;">的性格特点</span></strong>
                    </p>
                    <p style="text-align:justify;">
                        <strong><br>
                        </strong>
                    </p>
                    <span style="background-color:white;"> 
<p style="text-align:justify;">
    ${varieties.catcharacter}
</p>
</span>
                    <div style="text-align:justify;">
                        <br>
                    </div>
                </div>
                <div>
                    <p style="text-align:justify;">
	                <span style="font-family:SimHei;font-size:18px;">
                        <strong>
                            <br>
                        </strong>
                    </span>
                </p>
                    <p style="text-align:justify;">
                        <span style="font-family:SimHei;font-size:18px;"><strong><span style="color:#337FE5;">${varieties.varieties}</span>的生活习性</strong></span>
                    </p>
                    <p style="text-align:justify;">
	                <span style="font-family:SimHei;font-size:18px;">
                        <strong>
                            <br>
                        </strong>
                    </span>
                    </p>
                    <p style="text-align:justify;">
                        <span style="background-color:white;">
                            ${varieties.habit}
                        </span>
                    </p>
                    <p style="text-align:justify;">
	                    <span style="background-color:white;">
                            <br>
                        </span>
                    </p>
                </div>
                <div>
                    <p>
	<span style="font-size:18px;"><strong><span style="color:#337FE5;"><br>
</span></strong></span>
                </p>
                    <p style="text-align:justify;">
                        <span style="font-size:18px;"><strong><span style="color:#337FE5;">${varieties.varieties}</span>的优点缺点</strong></span>
                    </p>
                    <p style="text-align:justify;">
                        <span style="font-size:18px;">
                            <strong>
                                <br>
                            </strong>
                        </span>
                    </p>
                    <p style="text-align:justify;">
                        <span style="background-color:white;">
                            ${varieties.shortcoming}
                        </span>
                    </p>
                    <p style="text-align:justify;">
	                    <br>
                    </p>
                </div>
                <div>
                    <p style="text-align:justify;">
	<span style="font-size:18px;"><strong><span style="color:#337FE5;"><br>
</span></strong></span>
                </p>
                    <p style="text-align:justify;">
                        <span style="font-size:18px;"><strong><span style="color:#337FE5;">${varieties.varieties}</span><span style="background-color:white;">的喂养方法</span></strong></span>
                    </p>
                    <p style="text-align:justify;">
	                    <span style="font-size:18px;">
                            <strong>
                                <br>
                            </strong>
                        </span>
                    </p>
                    <p style="text-align:justify;">
                        <span style="background-color:white;">
                            ${varieties.feed}
                        </span>
                    </p>
                    <p style="text-align:justify;">
	                    <span style="background-color:white;">
                            <br>
                        </span>
                    </p>
                    </div>
                <div>
                    <p style="text-align:justify;">
                    <strong><span style="color:#337FE5;"><br>
</span></strong>
                </p>
                    <p style="text-align:justify;">
                        <span style="color:#337FE5;font-size:18px;"><strong>${varieties.varieties}</strong></span><span style="font-size:18px;"><strong>的鉴别挑选</strong></span>
                    </p>
                    <p style="text-align:justify;">
                        <strong>
                            <span style="background-color:white;">
                                <br>
                            </span>
</span>                 </strong>
                    </p>
                    <p style="text-align:justify;">
                        <span style="background-color:white;">
                            ${varieties.identify}
                        </span>
                    </p>
                    <p style="text-align:justify;">
	                    <span style="background-color:white;">
                            <br>
                        </span>
                    </p>
                    </div>
            </div>

            <div id="tuijian">

                <div class="timu">
                    <span></span>
                    为你推荐
                    <a class="hover" href="${basePath}varieties?method=price&catbreed=布偶猫">更多&gt;&gt;</a>                    </div>


                <a href="${basePath}varieties?method=details&varieties=苏格兰折耳猫">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_30032633d9ce9ee1766e35d26855bb57afb685.jpg" alt="" class="img">
                    </div>

                    <div class="name">网红猫咪 正规商家 签订协议 包退换</div>
                    <div class="price">价格:<span class="red">1300元/只</span></div>
                </a>


                <a href="${basePath}varieties?method=details&varieties=缅因猫">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_3003262ffea369dd3e289aefe8657c729390f1.jpg" alt="" class="img">
                    </div>

                    <div class="name">现货出售各类品种宠物猫 欢迎添加微信咨询</div>
                    <div class="price">价格:<span class="red">600元/只</span></div>
                </a>


                <a href="${basePath}varieties?method=details&varieties=英短蓝白">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_3003266745a0883f0f18ed8b47f632f2c65b5d.jpg" alt="" class="img">
                    </div>

                    <div class="name">正规CFA认证猫舍 品质保证 证书齐全 专业指导</div>
                    <div class="price">价格:<span class="red">1300元/只</span></div>
                </a>


                <a href="${basePath}varieties?method=details&varieties=孟加拉豹猫">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_300326aa1ab420ede03d39b70147ca25efeb32.jpg" alt="" class="img">
                    </div>

                    <div class="name">宠物猫活体专业繁殖 现货出售包健康纯种</div>
                    <div class="price">价格:<span class="red">1300元/只</span></div>
                </a>


                <a href="${basePath}varieties?method=details&varieties=异国短毛猫">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_300326209a34d4e80a49d72966888cb6ccf721.jpg" alt="" class="img">
                    </div>

                    <div class="name">现货出售宠物猫带证书 包健康 包纯种 购猫无忧</div>
                    <div class="price">价格:<span class="red">1300元/只</span></div>
                </a>


                <a href="${basePath}varieties?method=details&varieties=波斯猫">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_3003265abef7d8e71335db7688319d6e1e991d.jpg" alt="" class="img">
                    </div>

                    <div class="name">现货出售各类品种宠物猫 欢迎添加微信咨询</div>
                    <div class="price">价格:<span class="red">1300元/只</span></div>
                </a>


                <a href="${basePath}varieties?method=details&varieties=孟买猫">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_300326e72d6357bc973921a5e47fb571e9cbc7.jpg" alt="" class="img">
                    </div>

                    <div class="name">宠物猫活体专业繁殖 现货出售包健康纯种</div>
                    <div class="price">价格:<span class="red">1300元/只</span></div>
                </a>


                <a href="${basePath}varieties?method=details&varieties=布偶猫">
                    <div class="img">
                        <img src="${basePath}jsp/hs/img/thumb_30032664707a8fd30115833aae4e4dd34c7e79.jpg" alt="" class="img">
                    </div>

                    <div class="name">网红猫咪 正规商家 签订协议 包退换</div>
                    <div class="price">价格:<span class="red">1300元/只</span></div>
                </a>


            </div>
        </div>


    </div>
</div>

</div>
<div class="clearboth"></div>
</div>

<script type="text/javascript">
    // 切换图片
    function tu_move (u ){
        // 获取所有图片
        var imgs = $('.baike_content .title .left>.big_img>img');
        var small_imgs = $('.baike_content .title .left>.small_img>img');
        // 获取当前hover图片
        var index = imgs.parents('.left').find('.hover').index();
        var nums = imgs.length;

        if ( u == 'right' ) {
            index ++;
        }else if ( u == 'left' ){
            index --;
        }

        if (index == -1) {
            index = nums - 1;
        }else if  ( index == nums ){
            index = 0;
        }

        // 将其他元素淡出  触发的图片淡出
        imgs.eq(index).stop().fadeIn(800).attr('class','hover').siblings('img').stop().fadeOut(800).attr('class','');
        small_imgs.eq(index).attr('class','hover').siblings('img').attr('class','');
        // 按钮 跟随其轮播
        $('.baike_content .title .left .button>div').eq(index).css('background-color','#ff6542').siblings().css('background-color','white');

    }

    // 轮播
    var timeindex = setInterval( function(){

        tu_move('right');
    } , 2500);

    // 鼠标移入停止轮播，鼠标移出开始轮播
    $('.baike_content .title .left').hover(function(){
        clearTimeout(timeindex);
    },function(){
        timeindex = setInterval(function(){

            tu_move('right');
        } , 2500);
    });

    // 轮播图左边按钮
    $('.baike_content .title .left .prev').click(function(){
        tu_move('left');
    });

    // 轮播图右边按钮
    $('.baike_content .title .left .next').click(function(){
        tu_move('right');
    });

    // 轮播底部按钮js
    $('.baike_content .title .left .button>div').hover(function(){

        $(this).siblings().css('background-color','white');
        $(this).css('background-color','#ff6542');
        // 获取触发的index
        var ims_index =$(this).index();

        var imgs = $('.baike_content .title .left>.big_img>img');
        var small_imgs = $('.baike_content .title .left>.small_img>img');

        // 将其他元素淡出  触发的图片淡出
        imgs.eq(ims_index).stop().fadeIn(800).attr('class','hover').siblings('img').stop().fadeOut(800).attr('class','');

        small_imgs.eq(ims_index).attr('class','hover').siblings('img').attr('class','');

    });

    // 轮播底部按钮js
    $('.baike_content .title .left>.small_img>img').hover(function(){

        $(this).attr('class','hover').siblings('img').attr('class','');

        // 获取触发的index
        var ims_index =$(this).index();

        var imgs = $('.baike_content .title .left>.big_img>img');
        var buttons = $('.baike_content .title .left .button>div');

        // 将其他元素淡出  触发的图片淡出
        imgs.eq(ims_index).stop().fadeIn(800).attr('class','hover').siblings('img').stop().fadeOut(800).attr('class','');

        buttons.eq(ims_index).stop().css('background-color','#ff6542').siblings().css('background-color','white');

    });

    //  列表
    $('.baike_content .content .property_title>div').hover(function(){

        let lists = $('.baike_content .content .property_list>div');
        // 所有标题恢复样式
        $(this).siblings().attr('style','border-top: 3px solid #F0F0F0;color: #262626;background-color: #F0F0F0;');
        // 触发的标题赋予新样式
        $(this).css('background-color','white');
        $(this).css('color','#ff6542');
        $(this).css('border-top','3px solid #ff6542');
        // 所有的list列表都隐藏
        lists.css('display','none');
        // 对应的列表显示
        lists.eq($(this).index()).css('display','block');

    });
</script>

<!-- 引入公共尾部 -->
<!-- 网页底部 -->
<div id="footer">

    <div class="logo">
        <div class="logo_kuang">
            <div>
                <a href="http://www.maomijiaoyi.com/">
                    <img alt="猫咪交易网" title="猫咪交易网" src="${basePath}jsp/hs/img/logo.png">
                </a>
            </div>
        </div>
    </div>


    <div class="banquan">
        <div class="center_1220">
            版权所有：猫咪交易网 www.maomijiaoyi.com  友情链接互换:qq 3416807849		</div>
    </div>

    <div class="banquan">
        <div class="center_1220">
            【免责声明：本站所有猫猫交易信息内容系用户自行发布，其真实性、合法性由发布人负责，本站不提供任何保证，亦不承担任何法律责任！】		</div>
    </div>

    <div class="banquan">
        <div class="center_1220">
            <a style="color: #FFF;" href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank">
                <img src="${basePath}jsp/hs/img/foot_link3.png">
                沪ICP备18022709号-1 			</a>
        </div>
    </div>

</div>

<!--统计推送代码 -->
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

<script>(function(){
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?c77a1c2ce76e8fad2e35fc30bc445860":"https://jspassport.ssl.qhimg.com/11.0.1.js?c77a1c2ce76e8fad2e35fc30bc445860";
    document.write('<script src="' + src + '" id="sozz"><' + '/script>');
})();
</script><script src="${basePath}jsp/hs/img/11.0.1.js" id="sozz"></script><script charset="utf-8" src="${basePath}jsp/hs/js/ab77b6ea7f3fbf79.js"></script>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?23fbce55531257651dbfcbae5485642b";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1277225427'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.cnzz.com/z_stat.php%3Fid%3D1277225427%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script><span id="cnzz_stat_icon_1277225427"><a href="https://www.cnzz.com/stat/website.php?web_id=1277225427" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="${basePath}jsp/hs/img/pic1.gif"></a></span><script src="${basePath}jsp/hs/img/z_stat.php" type="text/javascript"></script><script src="${basePath}jsp/hs/img/core.php" charset="utf-8" type="text/javascript"></script>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?994b09cad3c737b3ac2cf94ec2019284";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>



</body></html>